<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>用户列表页面</title>
    <!-- layui.css -->
    <link href="__PLUGIN__/layui/css/layui.css" rel="stylesheet" />
    <style>
        .layui-btn-small {
            padding: 0 15px;
        }

        .layui-form-checkbox {
            margin: 0;
        }

        tr td:not(:nth-child(0)),
        tr th:not(:nth-child(0)) {
            text-align: center;
        }

        #dataConsole {
            text-align: center;
        }
        /*分页页容量样式*/
        /*可选*/
        .layui-laypage {
            display: block;
        }

        /*可选*/
        .layui-laypage > * {
            float: left;
        }
        /*可选*/
        .layui-laypage .laypage-extend-pagesize {
            float: right;
        }
        /*可选*/
        .layui-laypage:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        /*必须*/
        .layui-laypage .laypage-extend-pagesize {
            height: 30px;
            line-height: 30px;
            margin: 0px;
            border: none;
            font-weight: 400;
        }
        /*分页页容量样式END*/
    </style>
</head>
<body>
<fieldset id="dataList" class="layui-elem-field layui-field-title sys-list-field">
    <legend style="text-align:center;">用户列表</legend>
    <div class="layui-field-box">
        <table class="layui-table">
            <thead>
            <tr>
                <th>ID</th>
                <th>用户名</th>
                <th>密码</th>
                <th>邮箱</th>
                <th>状态</th>
                <th>加入时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name='res' id="val"}
            <tr>
                <td>{$val.id}</td>
                <td>{$val.username}</td>
                <td >{$val.pass}</td>
                <td >{$val.email}</td>
                {if condition="($val.status == 1)"}
                <td  class="td-status"><span class="layui-btn layui-btn-green layui-btn-small">{$val.stats}</span></td>
                {else /}
                <td  class="td-status"><span class="layui-btn layui-btn-disabled layui-btn-small">{$val.stats}</span></td>
                {/if}

                <td >{$val.create_time}</td>
                <td class="td-manage">
                    <button class="layui-btn layui-btn-sm layui-btn-normal">
                        <i class="layui-icon">&#xe642;</i>
                    </button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
</fieldset>
<!-- layui.js -->
<script src="__PLUGIN__/layui/layui.js"></script>
<script src="__PLUGIN__/layer/layer.js"></script>
<!-- layui规范化用法 -->
</body>
</html>